*{margin:0;padding:0;border:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-text-size-adjust:100%;}
html,body{font-family:'Microsoft YaHei', Helvetica, STHeiTi, sans-serif;font-size:15px;color:#22222d;}
body{position:relative;}
a,img{text-decoration:none;-webkit-appearance:none;}
button,input,textarea,select{font:inherit;border:none;background:none;-webkit-appearance:none;}
button.dis{background:#afafaf;}
h1,h2,h3,h4,h5{font-size:100%;font-weight:normal;}
ul,li{z-index:1;display:block;list-style:none;}
.clearfix{overflow:hidden;zoom:1;}
.dis{pointer-events:none;}

.page{position:relative;height:100%;}

.page-bg{position:absolute;top:0;bottom:0;display:none;width:100%;background-size:cover;}
.page-bg.active{display:block;}

.page-1{overflow:hidden;background:url(../img/mobile/bg1.png) center bottom no-repeat;background-size:100% 100%;}
.page-1 .logo{width:25%;margin-top:10%;margin-left:12.5%;}
.page-1 h1{overflow:hidden;width:75%;height:0;margin:12% auto 10%;padding-top:44%;text-align:center;background:url(../img/mobile/h1.png) center top no-repeat;background-size:100%;}
.page-1 img{display:block;width:33%;margin:0 auto 5%;}
.page-1 img.code{width:27%;margin-top:12%;}

.page-bg-2{background-image:url(../img/mobile/bg2.png);}
.page-bg-4{background-image:url(../img/mobile/bg3.png);}
.page-bg-6{background-image:url(../img/mobile/bg4.png);}
.page-bg-8{background-image:url(../img/mobile/bg5.png);}

.page-img{overflow:hidden;}
.page-img{background:50% 50% no-repeat;background-size:cover;}
.loaded .page-img{background-image:none;}
.page-img h3{position:absolute;top:50%;left:50%;display:block;overflow:hidden;height:0;transition:opacity .5s;background:50% 50% no-repeat;background-size:100%;width:45%;margin-top:-10.3125%;margin-left:-22.5%;padding-top:20.625%;background-image:url(../img/mobile/h.png);}

.page-detial,.last-page{background:#fff;position:relative;text-align:center;color:#88888d;}
.page-detial h2,.last-page h2{font-size:28px;padding:40px 0 20px;color:#22222d;font-weight:300;}
.page-detial p,.last-page p{font-size:11px;line-height:20px;}
.page-detial .phone{position:absolute;width:60%;bottom:0;left:20%;}

.figs{overflow:hidden;zoom:1;margin:18px auto;display:block;width:200px;}
.figs.t1{background:transparent url(../img/mobile/figs1.png) no-repeat top center;background-size:100%;}
.figs.t2{background:transparent url(../img/mobile/figs2.png) no-repeat top center;background-size:100%;}
.figs.t3{background:transparent url(../img/mobile/figs3.png) no-repeat top center;background-size:100%;}
.figs li{font-size:8px;padding:30px 0 0;text-align:center;display:block;width:66px;border-right:1px solid #e9e9e9;float:left;}
.figs li:last-child{border:none;}

.last-page h2{font-size:25px;}
.last-page p{font-size:10px;}
.last-page img{width:27px;margin:10px auto 20px;}

.footer{height:45px;padding:15px 5%;text-align:center;color:#fff;background:#333;font-size:10px;}
.footer a{display:inline-block;margin:0 15px 7px;padding:3px 12px;color:#fff;border-radius:5px;background:#666;}
